@extends('/welcome')
@section('zhong_content')
<style type="text/css">
    .aa{border:1px solid red;}
</style>
<div class="u-module pd10" style="background-color:#FFFFFF">
    <div class="u-module-con">
        <div class="module-tittle"><img src="/home/list/Picture/2016092357e48c26dc636.png" title="1" width="968"></div>
        <div class="module-con">
            <div class="module-goods">
                <ul class="module-goods-list">
                   @foreach($goods as $k=>$v)
                    
                    <li class="item mgbottom size3 bgfff bh goods_list"  style="background-color:rgb(243, 243, 243);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box">
                        <div class="listone mg15">
                            <div class="listimg">
                                <a href="{{url('/home/list/details',['id'=>$v->id])}}" target="_blank" onclick="addTrackPositionToCookie(this,null,null,'36619','Browse',null);">
                                <img src="/uploads/{{$v->pic}}">
                                </a>
                            </div>
                        </div>
                        <div class="listinfor borderf3">
                            <div class="infor mg3 width286">
                                <div class="infor-tit width286 f16"><a href="{{url('/home/list/details',['id'=>$v->id])}}">{{$v->goods_name}}</a></div>
                                <div class="pricebuy">
                                    <div class="l infor-price">
                              <!--          <div class="mark-price f12">
                                             ￥<em class="f-family f12">139</em>
                                            </div>-->
                                        <div class="ugo-price f14">
                                       		<a href="{{url('/home/list/details',['id'=>$v->id])}}">优品惠价:￥<em class="f-family f20">{{$v->price}}</em></a>
                                        </div>
                                    </div>
                                    <div class="r gotobuy">
                                        评论<a href="" target="_blank" style="color:blue;">
                                        	8
                                        </a>条
                                    </div>
                                </div>
                                <div style="margin-top: 45px;">
                                	<div class="col-md-6">
                                        <div class="row">
                                          <div class="col-md-6" style="width:52px">
                                             <span class="l" style="width:50px;height:18px;text-align:center;color:#FFFFFF;background-color:#FA0E56;margin-right:2px;">TV商品</span>     
                                          </div>
                                          <div class="col-md-6" style="width:52px">
                                            <span class="l" style="width:50px;height:18px;background-color:#00BFCF;color:#FFFFFF;">免运费</span>                                        
                                          </div>      
                                       </div>
                                    </div>
                                    <div class="col-md-3"></div>
           							<div class="col-md-3">
                                        <div class="row">
                                           <div class="col-md-6">                                             
                     							<span class="score-num r" style="margin-right: 5px;padding-left:22px;"></span>                                                 
                                           </div>
                                          <div class="col-md-6" style="padding-right: 0px;padding-left: 0px;">     
                 							   <span class="score-icon r" style="width:18px;height:16px;background-color:#0068E9;color:#FFFFFF;">积</span>
                                          </div>      
                                        </div>
           							</div>
                                </div>
                            </div>
                        </div>
                    </li>

                   @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="col-md-offset-6"> 
{!! $goods->render() !!}
</div>
@endsection
@section('myjs')
<script type="text/javascript">
	// alert($);
	//绑定鼠标移上去事件
	$('.goods_list').mouseover(function(){
		$(this).addClass('aa');
        // alert(2222);
	});
	//绑定鼠标离开事件
	$('.goods_list').mouseout(function(){
		$(this).removeClass('aa');
	});
</script>
@endsection
